<template>
    <div class="commentsTable module-body">
        <el-table :data="commentsList" style="width: 100%" size="mini">
                <el-table-column prop="id" label="id" width="180">
                </el-table-column>
                <el-table-column prop="username" label="用户名" width="180">
                </el-table-column>
                  <el-table-column prop="articleName" label="文章名称" width="180">
                </el-table-column>
                  <el-table-column prop="content" label="文章内容" width="180">
                </el-table-column>
                <el-table-column prop="created_at" label="创建时间">
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-row>
                            <el-button type="success" icon="el-icon-check" size='mini' circle></el-button>
                            <el-button type="danger" icon="el-icon-delete" size='mini' circle></el-button>
                        </el-row>
                    </template>
                </el-table-column>
            </el-table>
        </div>
</template>

<script>
export default {
    name: 'commentsList',
    data() {
        return {
            commentsList: [
                {
                    id: '1',
                    userid: '1',
                    username: '施鼎',
                    articleName: '这是啥？',
                    content: '66666',
                    created_at: '2018-10-29 10:30:00',
                    updated_at: '2018-10-29 10:30:00',
                },
                {
                    id: '2',
                    userid: '1',
                    username: '施鼎',
                    articleName: '这是啥？',
                    content: '66666',
                    created_at: '2018-10-29 10:30:00',
                    updated_at: '2018-10-29 10:30:00',
                },
                {
                    id: '3',
                    userid: '1',
                    username: '施鼎',
                    articleName: '这是啥？',
                    content: '66666',
                    created_at: '2018-10-29 10:30:00',
                    updated_at: '2018-10-29 10:30:00',
                }
            ]
        }
    }
}
</script>

